diff --git a/src/components/StockGeneratorTab.vue b/src/components/StockGeneratorTab.vue
index 74e228c..e300b61 100644
--- a/src/components/StockGeneratorTab.vue
+++ b/src/components/StockGeneratorTab.vue
@@ -71,11 +71,13 @@
 
       <hr />
 
-      <div class="generator_actions" v-if="computedChosenCarTypes.size != 0">
-        <button class="btn" @click="generateStock">WYGENERUJ</button>
-        <button class="btn">WYGENERUJ PRÓŻNE WAGONY</button>
+      <div class="generator_actions">
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock">WYGENERUJ</button>
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0">WYGENERUJ PRÓŻNE WAGONY</button>
 
-        <button class="btn" @click="resetChosenCargo">ZRESETUJ ŁADUNKI</button>
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="resetChosenCargo">
+          ZRESETUJ ŁADUNKI
+        </button>
       </div>
     </div>
   </div>
@@ -328,6 +330,10 @@ hr {
     padding: 0.5em;
     font-weight: bold;
   }
+
+  &[data-disabled] button {
+    opacity: 0.75;
+  }
 }
 
 .warning {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index c2b87e3..6ee3950 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -106,7 +106,8 @@ button.btn {
     -moz-user-select: none;
     -webkit-user-select: none;
 
-    opacity: 0.7;
+    opacity: 0.75;
+    background-color: #2b2b2b;
   }
 
   &--text {